// NOTE: This is an example showing simple state management. During development,
// it is generally best to disable state management as dynamically-generated ids
// can change across page loads, leading to unpredictable results.  The developer
// should ensure that stable state ids are set for stateful components in real apps.    
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
if ($("#listTable").length != 0) {
	// create the grid
	var grid = new Ext.ux.grid.TableGrid("listTable", {
		stripeRows : true, // stripe alternate rows
		width : 400,
		stateful : true,
		stateId : 'personList'

	});
	grid.render();
}